<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>

<div>
	<script type="text/javascript">
		function copyParticipant() {
			if (!$("#copyCheckbox").is(':checked'))
				return false;
			$('#participantList0\\.salutation')
					.val('${registerObj.salutation}');
			$('#participantList0\\.firstName').val('${registerObj.firstName}');
			$('#participantList0\\.lastName').val('${registerObj.lastName}');
			$('#participantList0\\.lastName').val('${registerObj.lastName}');
			$('#participantList0\\.designation').val(
					'${registerObj.designation}');
			$('#participantList0\\.telephone').val('${registerObj.telephone}');
			$('#participantList0\\.email').val('${registerObj.email}');
			return true;
		}
	</script>
	<sf:form modelAttribute="registerObj">
		<c:forEach begin="0" end="${registerObj.participantSize-1}" var="i">
			<br />
			<table class="tblparticipant">
				<tr>
					<th colspan="2"><h3>PARTICIPANT ${i+1}: Personal
							Particulars</h3></th>
				</tr>
				<c:if test="${i eq 0}">
					<tr>
						<td colspan="2"><input id="copyCheckbox" type="checkbox"
							onclick="javascript:copyParticipant()"> Same as Main
							Contact Person Information</td>
					</tr>
				</c:if>
				<tr>
					<td>Salutation</td>
					<td><sf:select path="participantList[${i}].salutation">
							<sf:option value="">--Select--</sf:option>
							<sf:option value="Mr">Mr</sf:option>
							<sf:option value="Ms">Ms</sf:option>
							<sf:option value="Mrs">Mrs</sf:option>
							<sf:option value="Dr">Dr</sf:option>
							<sf:option value="Prof">Prof</sf:option>
						</sf:select> <sf:errors path="participantList[${i}].salutation"
							cssClass="error" /></td>
				</tr>
				<tr>
					<td>Family Name/Last Name</td>
					<td><sf:input path="participantList[${i}].lastName" size="60"
							maxlength="200" /> <sf:errors
							path="participantList[${i}].lastName" cssClass="error" /></td>
				</tr>
				<tr>
					<td>First Name</td>
					<td><sf:input path="participantList[${i}].firstName" size="60"
							maxlength="200" /> <sf:errors
							path="participantList[${i}].firstName" cssClass="error" /></td>
				</tr>
				<tr>
					<td>Name to appear on badge</td>
					<td><sf:input path="participantList[${i}].badgeName" size="60"
							maxlength="20" /> <sf:errors
							path="participantList[${i}].badgeName" cssClass="error" /> <br />Max
						number of character is 20, including spaces</td>
				</tr>
				<tr>
					<td>Designation</td>
					<td><sf:input path="participantList[${i}].designation"
							size="60" maxlength="200" /> <sf:errors
							path="participantList[${i}].designation" cssClass="error" /></td>
				</tr>
				<tr>
					<td>Contact Number</td>
					<td><sf:input path="participantList[${i}].telephone" size="60"
							maxlength="8" /> <sf:errors
							path="participantList[${i}].telephone" cssClass="error" /></td>
				</tr>
				<tr>
					<td>Email Address</td>
					<td><sf:input path="participantList[${i}].email" size="60"
							maxlength="200" /> <sf:errors path="participantList[${i}].email"
							cssClass="error" /><br /></td>
				</tr>
				<tr>
					<td colspan="2"><br />
						<div>
							Please select your conference package: Click <a
								href="information.html" target="_blank" style="color: #c4161c;">here</a>
							for more info.
							<sf:errors path="participantList[${i}].packageId"
								cssClass="error" />
						</div>
						<table class="packagetable" style="width:700px;">
							<tr>
								<td><sf:checkbox path="participantList[${i}].packageId"
										value="1"
										label="Full Conference (Plenary + 2 Breakout Sessions) - 20 May 2013, Monday (8.15am - 4.15pm)"
										disabled="${fullFlag[0] or (fullFlag[1] and fullFlag[2] and fullFlag[3] and fullFlag[4])}"
										onclick="hideShowConfPack('confpack${i}p', 'participantList${i}\\\\.packageId',1)" />
										<c:if test="${fullFlag[0] or (fullFlag[1] and fullFlag[2] and fullFlag[3] and fullFlag[4])}">
										<strong class="full">FULL</strong><br/><label class="fullmail">Please email <a href="mailto:conference2013@tafep.sg">conference2013@tafep.sg</a> if you would like to be in the waiting list.</label>
										</c:if>
									<div id="confpack${i}p1">
										<div class="eventtitle">
											Please select 1 Breakout Session per timeslot:
											<sf:errors path="participantList[${i}].breakoutChoice[0]"
												cssClass="error" />
										</div>
										<table width="90%">
											<tr class="redtiming">
												<td colspan="2">1300hrs - 1430hrs</td>
											</tr>
											<tr>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[0]" value="1"
														disabled="${fullFlag[1]}"
														label="Breakout Session 1A" />
														<c:if test="${fullFlag[1]}"><strong class="full">FULL</strong></c:if>
														<br />
												<div class="eventtitle">
														<a href="programme.html#divthree" target="_blank"
															style="color: #c4161c; text-decoration: none;">Diversity
															&amp; Inclusion: Beyond Business ROI</a>
													</div></td>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[0]" value="2"
														disabled="${fullFlag[2]}"
														label="Breakout Session 1B" />
														<c:if test="${fullFlag[2]}"><strong class="full">FULL</strong></c:if>
														<br />
												<div class="eventtitle">
														<a href="programme.html#divfour" target="_blank"
															style="color: #c4161c; text-decoration: none;">Maximising
															Your Local Talent</a>
													</div></td>
											</tr>
											<tr class="redtiming">
												<td colspan="2">1445hrs - 1615hrs</td>
											</tr>
											<tr>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[1]" value="1"
														disabled="${fullFlag[3]}"
														label="Breakout Session 2A" />
														<c:if test="${fullFlag[3]}"><strong class="full">FULL</strong></c:if>
														<br />
												<div class="eventtitle">
														<a href="programme.html#divfive" target="_blank"
															style="color: #c4161c; text-decoration: none;">Power
															of Inclusion: Celebrating Age Diversity</a>
													</div></td>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[1]" value="2"
														disabled="${fullFlag[4]}"
														label="Breakout Session 2B" />
														<c:if test="${fullFlag[4]}"><strong class="full">FULL</strong></c:if>
														<br />
												<div class="eventtitle">
														<a href="programme.html#divsix" target="_blank"
															style="color: #c4161c; text-decoration: none;">Leadership,
															When Gender Matters?</a>
													</div></td>
											</tr>
										</table>
									</div></td>
							</tr>
							<tr>
								<td><sf:checkbox path="participantList[${i}].packageId"
										value="2"
										label="Plenary Session Only - 20 May 2013, Monday (8.15am - 12pm)"
										disabled="${fullFlag[0]}"
										onclick="hideShowConfPack('confpack${i}p', 'participantList${i}\\\\.packageId', 2)" />
										<c:if test="${fullFlag[0]}">
										<strong class="full">FULL</strong><br/><label class="fullmail">Please email <a href="mailto:conference2013@tafep.sg">conference2013@tafep.sg</a> if you would like to be in the waiting list.</label>
										</c:if>
								</td>
							</tr>
							<tr>
								<td><sf:checkbox path="participantList[${i}].packageId"
										value="3"
										label="Breakout Sessions Only - 20 May 2013, Monday (1pm - 4.15pm)"
										disabled="${fullFlag[1] and fullFlag[2] and fullFlag[3] and fullFlag[4]}"
										onclick="hideShowConfPack('confpack${i}p', 'participantList${i}\\\\.packageId', 3)" />
									<c:if test="${fullFlag[1] and fullFlag[2] and fullFlag[3] and fullFlag[4]}">
										<strong class="full">FULL</strong><br/><label class="fullmail">Please email <a href="mailto:conference2013@tafep.sg">conference2013@tafep.sg</a> if you would like to be in the waiting list.</label>
									</c:if>
									<div id="confpack${i}p3">
										<div class="eventtitle">
											Please select 1 Breakout Session per timeout:
											<sf:errors path="participantList[${i}].breakoutChoice[2]"
												cssClass="error" />
										</div>
										<table width="90%">
											<tr class="redtiming">
												<td colspan="2">1300hrs - 1430hrs</td>
											</tr>
											<tr>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[2]" value="1"
														disabled="${fullFlag[1]}"
														label="Breakout Session 1A" />
														<c:if test="${fullFlag[1]}"><strong class="full">FULL</strong></c:if> 
														<br />
												<div class="eventtitle">
														<a href="programme.html#divthree" target="_blank"
															style="color: #c4161c; text-decoration: none;">Diversity
															&amp; Inclusion: Beyond Business ROI</a>
													</div></td>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[2]" value="2"
														disabled="${fullFlag[2]}"
														label="Breakout Session 1B" />
														<c:if test="${fullFlag[2]}"><strong class="full">FULL</strong></c:if>
														<br />
												<div class="eventtitle">
														<a href="programme.html#divfour" target="_blank"
															style="color: #c4161c; text-decoration: none;">Maximising
															Your Local Talent</a>
													</div></td>
											</tr>
											<tr class="redtiming">
												<td colspan="2">1445hrs - 1615hrs</td>
											</tr>
											<tr>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[3]" value="1"
														disabled="${fullFlag[3]}"
														label="Breakout Session 2A" />
														<c:if test="${fullFlag[3]}"><strong class="full">FULL</strong></c:if> 
														<br />
												<div class="eventtitle">
														<a href="programme.html#divfive" target="_blank"
															style="color: #c4161c; text-decoration: none;">Power
															of Inclusion: Celebrating Age Diversity</a>
													</div></td>
												<td><sf:radiobutton
														path="participantList[${i}].breakoutChoice[3]" value="2"
														disabled="${fullFlag[4]}"
														label="Breakout Session 2B" />
														<c:if test="${fullFlag[4]}"><strong class="full">FULL</strong></c:if> 
														<br />
												<div class="eventtitle">
														<a href="programme.html#divsix" target="_blank"
															style="color: #c4161c; text-decoration: none;">Leadership,
															When Gender Matters?</a>
													</div></td>
											</tr>
										</table>
									</div></td>
							</tr>
							<tr>
								<td><sf:checkbox path="participantList[${i}].post1"
										disabled="${fullFlag[5]}"
										label="Post-Conference Workshop 1 - 21 May 2013, Tuesday (9am - 5pm)" />
										<c:if test="${fullFlag[5]}">
										<strong class="full">FULL</strong><br/><label class="fullmail">Please email <a href="mailto:conference2013@tafep.sg">conference2013@tafep.sg</a> if you would like to be in the waiting list.</label>
										</c:if>
									<br />
								<div class="eventtitle">
										<a href="programme1.html#divone" target="_blank"
											style="text-decoration: none; color: #c4161c;"
											style="color: #c4161c; text-decoration:none;">Making
											Diversity Work in Your Organization</a>
									</div></td>
							</tr>
							<tr>
								<td><sf:checkbox path="participantList[${i}].post2"
										disabled="${fullFlag[6]}"
										label="Post-Conference Workshop 2 - 22 May 2013, Wednesday (1pm - 5pm)" />
										<c:if test="${fullFlag[6]}">
										<strong class="full">FULL</strong><br/><label class="fullmail">Please email <a href="mailto:conference2013@tafep.sg">conference2013@tafep.sg</a> if you would like to be in the waiting list.</label>
										</c:if>
									<br />
								<div class="eventtitle">
										<a href="programme1.html#divtwo" target="_blank"
											style="text-decoration: none; color: #c4161c;"
											style="color: #c4161c; text-decoration:none;">Driving
											Your Diversity &amp; Inclusion Strategy in Singapore - The
											Power of the DIAN Strategy Framework</a>
									</div></td>
							</tr>
						</table> <%--
				<table width="90%">
					<tr>
						<th width="20%">Date/Time</th>
						<th>Programme</th>
					</tr>
					<tr>
						<td>20 May 2013<br/>0900 - 1200</td>
						<td>	
							<sf:checkbox path="participantList[${i}].main" label=" Main Conference" />
							<sf:errors path="participantList[${i}].main" cssClass="error" />
						</td>
					</tr>
					<tr>
						<td>20 May 2013<br/>1315 - 1445</td>
						<td><table width="100%">
							<tr>
								<th colspan="2">Breakout Session 1
								<sf:errors path="participantList[${i}].breakout1" cssClass="error" />
								</th>
							</tr>
							<tr>
								<td>
									<sf:radiobutton path="participantList[${i}].breakout1" value="1" label=" Breakout Session 1A" />
									<br/>Diversity &amp; Inclusion: Beyond Business ROI
								</td>
								<td>
									<sf:radiobutton path="participantList[${i}].breakout1" value="2" label=" Breakout Session 1B" />
									<br/>Maximising Your Local Talent
								</td>
							</tr>
						</table>
						</td>
					</tr>
					<tr>
						<td>20 May 2013<br/>1515 - 1645</td>
						<td><table width="100%">
							<tr>
								<th colspan="2">Breakout Session 2
								<sf:errors path="participantList[${i}].breakout2" cssClass="error" />
								</th>
							</tr>
							<tr>
								<td>
									<sf:radiobutton path="participantList[${i}].breakout2" value="1" label=" Breakout Session 2A" />
									<br/>Power of Inclusion: Celebrating Age Diversity
								</td>
								<td>
									<sf:radiobutton path="participantList[${i}].breakout2" value="2" label=" Breakout Session 2B" />
									<br/>Leadership, When Gender Matters?
								</td>
							</tr>
						</table>
						</td>
					</tr>
					<tr>
						<td>21 May 2013<br/>(Full day)</td>
						<td>
							<sf:checkbox path="participantList[${i}].post1" label=" Post Conference Workshop 1" />
							<sf:errors path="participantList[${i}].post1" cssClass="error" />
							<br/>Making Diversity Work in Your Organization
						</td>
					</tr>
					<tr>
						<td>22 May 2013<br/>(Half day)</td>
						<td>
							<sf:checkbox path="participantList[${i}].post2" label=" Post Conference Workshop 2" />
							<sf:errors path="participantList[${i}].post2" cssClass="error" />
							<br/>Driving Your Diversity &amp; Inclusion Strategy in Singapore - The Power of the DIAN Strategy Framework
						</td>
					</tr>
				</table>
				 --%> <br /></td>
				</tr>
			</table>
			<script type="text/javascript">
			<c:if test="${registerObj.participantList[i].packageId ==null or registerObj.participantList[i].packageId ne 1}">
				$("#confpack${i}p1").hide();
			</c:if>
			<c:if test="${registerObj.participantList[i].packageId ==null or registerObj.participantList[i].packageId ne 3}">
				$("#confpack${i}p3").hide();
			</c:if>
		</script>
		</c:forEach>
		<input type="submit" name="_eventId_back" value="Back">
		<input type="submit" name="_eventId_next" value="Next">
		<input type="hidden" name="_flowExecutionKey"
			value="${flowExecutionKey}" />
	</sf:form>
</div>